<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Enhanced FAQ Section</title>
    <link rel="stylesheet" href="clay.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
    <div class="container">
        <h1>Frequently Asked Questions</h1>
        <div class="faq-section">
            <div class="faq-item">
                <input type="checkbox" id="faq1" class="faq-toggle">
                <label for="faq1" class="faq-question">
                    What is your return policy?
                    <i class="fas fa-chevron-down icon"></i>
                </label>
                <div class="faq-answer">
                    <p>Our return policy allows you to return items within 30 days of purchase for a full refund, provided the items are in their original condition.</p>
                </div>
            </div>
            <div class="faq-item">
                <input type="checkbox" id="faq2" class="faq-toggle">
                <label for="faq2" class="faq-question">
                    How long does shipping take?
                    <i class="fas fa-chevron-down icon"></i>
                </label>
                <div class="faq-answer">
                    <p>Shipping times vary depending on your location.</p>
                </div>
            </div>
            <div class="faq-item">
                <input type="checkbox" id="faq3" class="faq-toggle">
                <label for="faq3" class="faq-question">
                    Do you offer international shipping?
                    <i class="fas fa-chevron-down icon"></i>
                </label>
                <div class="faq-answer">
                    <p>Yes, we offer international shipping to most countries. Shipping costs and delivery times may vary depending on the destination. </p>
                </div>
            </div>
        </div>
    </div>
</body>
</html>